<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <script>
    // 添加删除数组的方法  原数组都会被改变
    var arr = ["托儿索", "儿童劫", "小学僧", "VN", "奥巴马", "EZ"]
    // 1 push(元素1，元素2)  像数组末尾添加一个或多个元素   返回新的数组长度
    var newpushlength = arr.push("凯尔", "蒋劲夫");
    document.write("push后新的数组" + arr + "<br/>")
    document.write("push后的返回的新的长度：" + newpushlength + "<br/>")
    document.write("<hr/>")
    // 2.pop()  删除最后一个元素 返回删除的元素
    var delELE = arr.pop()
    document.write("pop后新的数组：" + arr + "<br/>")
    document.write("pop后的返回元素：" + delELE + "<br/>")
    document.write("<hr/>")
    //3. unshift() 像数组的开头添加一个或多个元素 返回新的数组长度
    var newaddlength = arr.unshift("诺克萨斯", "德玛西亚");
    document.write("unshift后新的数组：" + arr + "<br/>")
    document.write("unshift后的返回的新的长度：" + newaddlength + "<br/>")
    document.write("<hr/>")
    //4.shift() 从数组的头部删除一个元素，并返回这个元素
    var shiftEle = arr.shift();
    document.write("shift后新的数组：" + arr + "<br/>")
    document.write("shift后的返回的元素：" + shiftEle + "<br/>")
    document.write("<hr/>")
    //5.splice(index,num,ele)  从数组的下标位置删除 num个元素，并在下标的位置添加新的元素
    // 返回删除的元素
    var num = arr.splice(3, 2, "卡莎", "艾瑞莉娅", "瑞文");
    document.write("splice后新的数组：" + arr + "<br/>")
    document.write("splice后返回的删除的元素：" + num + "<br/>")
    document.write("<hr/>")
    // 只删除不添加
    arr.splice(4, 2);
    document.write("splice后新的数组：" + arr + "<br/>")
    // 只添加 不删除
    arr.splice(3, 0, "卡牌", "剑姬");
    document.write("splice后新的数组：" + arr + "<br/>")

  </script>
</body>

</html>